<template>
  <div class="">
    <el-form :model="detailForm" class="el-form" label-width="145px">
      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">申请信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="车牌号:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车架号:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="品牌/车型/款型:">

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="归属城市:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="归属公司:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记日期:">

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="车龄:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="排放标准:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="牌照性质:">

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="燃油类型:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="排量:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="座位数:">

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="档位:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="颜色:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记类型:">

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="上三年出险金额(元):">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="指导价(元):">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="采购价(元):">

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="初期残值(元):">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="公里数:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="过户次数:">

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="车况等级:">

            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="车辆停放城市:">

            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="处置原因:">

            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="车辆异常:">

            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="附件:">

            </el-form-item>
          </el-col>
        </el-row>

      </el-card>

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">处置记录</span>
        </div>
        <el-row :gutter="20">
          <el-col>
            <el-table :data="detailForm.tableData"  border style="width: 100%">
              <el-table-column prop="date" label="成交价(元)" >
              </el-table-column>
              <el-table-column prop="name" label="差额(元)" >
              </el-table-column>
              <el-table-column prop="address" label="承销商名称">
              </el-table-column>
              <el-table-column prop="date" label="合同附件" >
              </el-table-column>
              <el-table-column prop="name" label="付款凭证" >
              </el-table-column>
              <el-table-column prop="address" label="收款核销状态">
              </el-table-column>
              <el-table-column prop="address" label="是否违约">
              </el-table-column>
              <el-table-column prop="address" label="违约金额(元)">
              </el-table-column>
              <el-table-column prop="name" label="违约金付款方式" >
              </el-table-column>
              <el-table-column prop="address" label="违约金付款凭证">
              </el-table-column>
              <el-table-column prop="address" label="承销商收款账户">
              </el-table-column>
              <el-table-column prop="name" label="提交时间" >
              </el-table-column>
              <el-table-column prop="address" label="提交人">
              </el-table-column>
            </el-table>
          </el-col>
        </el-row>
      </el-card>

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">过户信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="过户时间:">

            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="附件:">

            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">手续信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="24">
            <el-form-item label="附件:">

            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="说明:">

            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">残值记录</span>
        </div>
        <el-row :gutter="20">
          <el-col>
            <el-table :data="detailForm.tableData"  border style="width: 100%">
              <el-table-column prop="date" label="初期残值(元)" >
              </el-table-column>
              <el-table-column prop="name" label="修改前残值(元)" >
              </el-table-column>
              <el-table-column prop="address" label="申请修改残值(元)">
              </el-table-column>
              <el-table-column prop="date" label="提交时间" >
              </el-table-column>
              <el-table-column prop="name" label="提交人" >
              </el-table-column>
              <el-table-column prop="address" label="审批状态">
              </el-table-column>
              <el-table-column prop="address" label="操作">
              </el-table-column>
            </el-table>
          </el-col>
        </el-row>
      </el-card>

      <el-card class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">撤销处置记录</span>
        </div>
        <el-row :gutter="20">
          <el-col>
            <el-table :data="detailForm.tableData"  border style="width: 100%">
              <el-table-column prop="date" label="说明" >
              </el-table-column>
              <el-table-column prop="name" label="提交时间" >
              </el-table-column>
              <el-table-column prop="address" label="提交人">
              </el-table-column>
              <el-table-column prop="date" label="审批状态" >
              </el-table-column>
              <el-table-column prop="name" label="操作" >
              </el-table-column>
            </el-table>
          </el-col>
        </el-row>
      </el-card>

    </el-form>
  </div>
</template>

<script>
export default {
  name: 'new',
  props: {
    value: {
      type: Object,
      default: {},
    },
  },
  computed: {},
  watch: {
    value: {
      handler(newValue) {
        if (newValue) {
          this.detailForm = newValue;
        }
      },
      immediate: true,
      deep: true,
    },
  },
  data() {
    return {
      detailForm: {},
      options: [],
    };
  },
  created() {
  },
  mounted() {
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.el-form {
  .box-card {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
</style>


